<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>下拉菜单效果</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>

	<main class="main">
		<div>Click Here <em></em></div>
		<p class="container" style="display:none">
			<b>Just look at the arrow above</b> <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
			laoreet dolore magna aliquam erat volutpat. <br>
			<b>Crafted by: Reiha Hosseini</b>
		</p>

		<div>Click Here <em></em></div>
		<p class="container" style="display:none">
			<b>Just look at the arrow above</b> <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
			laoreet dolore magna aliquam erat volutpat. <br>
			<b>Crafted by: Reiha Hosseini</b>
		</p>

		<div>Click Here <em></em></div>
		<p class="container" style="display:none">
			<b>Just look at the arrow above</b> <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
			ut laoreet dolore magna aliquam erat volutpat. <br>
			<b>Crafted by: Reiha Hosseini</b>
		</p>
	</main>

	<script src="./index.js"></script>
</body>

</html>